<template>
	<div class="insurance">
		<div class="top">
			<i class="header" :class="'logo'+logoId"></i>
			<strong class="title">{{title}}</strong>
		</div>
		<div class="bottom">
			<div class="l">
				<p class="price">￥{{fmoney(price)}}</p>
				<del class="default-price">原价￥{{fmoney(defaultPrice)}}</del>
			</div>
			<div class="r">
				<button class="detail" @click="onDetail(id)">明细</button>
				<button v-if="status===7" class="payment disabled">已支付</button>
				<button v-else class="payment" @click="onPayment(id,price)">选购支付</button>
			</div>
		</div>
	</div>
</template>

<script>
import fmoney from '@/assets/fmoney'

export default {
	props: {
		logoId: {
			
		},
		title: {
			type: String
		},
		id: {
			
		},
		status: {
			type: Number
		},
		price: {
			type: Number
		},
		defaultPrice: {
			type: Number
		},
		onPayment: {
			type: Function
		},
		onDetail: {
			type: Function
		}
	},
	data() {
		return {
			fmoney
		}
	}
}
</script>


<style scoped lang="scss">
	@import './style'
</style>